<template>
  <div class="userlist">
    <div class="nav">
      <div class="headerimg" :class="{online: isLogin}">
        <img :src="$root.me.headerimg" alt />
      </div>
      <div>消息</div>
    </div>
    <div class="users">
      <div class="useritem">
        <div class="left">
          <img src alt />
        </div>
        <div class="right">
          <span class="username"></span>
          <span class="msg"></span>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: ["isLogin"]
};
</script>


<style scoped>
.headerimg {
  filter: grayscale(1);
}
.online {
  filter: grayscale(0);
}
</style>